<template>
	<div class="setPwd">
		<van-nav-bar :title="title" fixed left-arrow @click-left="back" />
		<div class="content">
			<div class="loginBox">
				<div class="list">
					<van-cell-group>
						
						<van-field v-model="value" clearable :left-icon="pass" placeholder="请设置6-12位登录密码" />
						<van-field v-model="value" clearable :left-icon="pass" placeholder="请再次确认密码" />
						
					</van-cell-group>
					
					<div class="button-login" @click="toCompleteInfo">修改密码</div>
				</div>
			</div>


		</div>
	</div>
</template>

<script>
	import pass from "@/assets/img/password.png"
	export default {
		name: "setPwd",
		components: {

		},
		data() {
			return {
				title: "忘记密码",
				value: "",
				pass: pass,
				sms: '',
				checked:false
			}
		},
		methods: {
			back() {
				this.$router.go(-1)
			},
			
			toCompleteInfo(){
				this.$router.push({
					path: "/success",query:{type:1}
				})
			}
		}


	}
</script>

<style scoped lang="less">
	.setPwd {
		padding-top: 46px;
		background: #fff;
		position: absolute;
		height: 100%;
		width: 100%;
		bottom: 0;

		.van-nav-bar {
			.van-icon {
				color: #000;
			}

			.van-nav-bar__text {
				color: #5C5C5C;
			}
		}

		.content {
			padding-top: 1rem;


			.loginBox {
				background: rgba(255, 255, 255, 1);
				border-radius: 0.5rem;
				padding: 1rem 2.16rem;

				.list {
					.van-cell {
						height: 2.75rem;
						border: 1px solid rgba(229, 229, 229, 1);
						border-radius: 2rem;
						margin-bottom: 0.72rem;
						padding-left: 1.63rem;

						input {
							padding-left: 0.7rem;
							background: none;

							&::placeholder {
								font-size: 0.81rem;
								font-family: PingFang SC;
								font-weight: 500;
								color: rgba(204, 204, 204, 1);
							}

							&:focus {
								background-color: none;
							}
						}
					}

					.space {
						font-size: 0.81rem;
						font-family: PingFang SC;
						font-weight: 500;
						color: rgba(38, 38, 38, 1);
						line-height: 0.75rem;
						padding: 1rem 1rem;
					}

					.img-icon {
						height: 1.25rem;
					}

					p {
						font-size: 0.75rem;
						font-family: PingFang SC;
						font-weight: 500;
						color: rgba(254, 118, 0, 1);
						line-height: 0.75rem;
						margin-bottom: 0.81rem;
						text-align: right;
					}

					.button-login {
						height: 2.75rem;
						background: rgba(254, 118, 0, 1);
						border-radius: 2rem;
						font-size: 0.94rem;
						font-family: PingFang SC;
						font-weight: 500;
						color: rgba(255, 255, 255, 1);
						display: flex;
						align-items: center;
						justify-content: center;
						margin-bottom: 2rem;
						margin-top: 2rem;
						
					}
					.toLogin{
						font-size:0.88rem;
						font-family:PingFang SC;
						font-weight:500;
						color:#505050;
						line-height:0.75rem;
						text-align: center;
						a{
							color:#FE7600;
						}
					}

					.button-register {
						height: 2.75rem;
						border-radius: 2rem;
						font-size: 0.94rem;
						font-family: PingFang SC;
						border: 1px solid rgba(254, 118, 0, 1);
						font-weight: 500;
						color: #FE7600;
						display: flex;
						align-items: center;
						justify-content: center;
					}

					.huanying {
						font-size: 0.75rem;
						font-family: PingFang SC;
						font-weight: 500;
						color: rgba(122, 122, 122, 1);
						line-height: 0.75rem;
						text-align: center;
						margin-top: 1.22rem;
					}
				}
			}

			.bg {
				display: flex;
				justify-content: center;
				align-items: center;

				img {
					width: 10.1rem;
				}
			}
		}

		.van-hairline--top-bottom::after,
		.van-hairline-unset--top-bottom::after {
			display: none;
		}
	}

	.van-radio-group {
		display: flex;
		margin-bottom: 1rem;
	}

	.van-radio {

		font-size: 0.81rem;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(66, 66, 66, 1);
		line-height: 0.75rem;
		margin-right: 1.78rem;
	}
	.van-checkbox{
		font-size: 0.81rem;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(66, 66, 66, 1);
		margin: 0.78rem 0;
	}
</style>
